<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文件下载管理器</title>
    <!-- Layui CSS -->
    <link rel="stylesheet" href="https://unpkg.com/layui@2.8.18/dist/css/layui.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <h2>文件下载管理系统</h2>
        </div>
        
        <div class="content">
            <div class="demo-section">
                <h3>功能演示</h3>
                <button type="button" class="layui-btn layui-btn-lg" id="downloadBtn">
                    <i class="layui-icon layui-icon-download-circle"></i>
                    下载文件
                </button>
                
                <button type="button" class="layui-btn layui-btn-normal" id="downloadBtnWithConfig">
                    <i class="layui-icon layui-icon-set"></i>
                    带预设配置下载
                </button>
                
                <button type="button" class="layui-btn layui-btn-warm" id="showConfigBtn">
                    <i class="layui-icon layui-icon-template-1"></i>
                    查看当前配置
                </button>
            </div>
            
            <div class="info-section">
                <div class="layui-card">
                    <div class="layui-card-header">使用说明</div>
                    <div class="layui-card-body">
                        <ul>
                            <li>点击"下载文件"按钮打开下载配置对话框</li>
                            <li>选择传输模式：scp直传 或 服务器中转</li>
                            <li>填写相关的主机信息和文件路径</li>
                            <li>可以通过"选择路径"按钮快速选择常用路径</li>
                            <li>配置完成后点击"开始下载"执行下载任务</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 引入依赖 -->
    <script src="https://unpkg.com/layui@2.8.18/dist/layui.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- 引入自定义脚本 -->
    <script src="js/FileDownloadManager.js"></script>
    <script src="js/main.js"></script>
</body>
</html>